<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="boot/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/css.css">
<title></title>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="boot/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<SCRIPT type=text/javascript>$(document).ready(function(){
	$(".showpro_n_nr").hide();
	$(".showpro_n_nr:eq(1)").show();
	$(".showpro_n_tab ul > li").each(function(n){
		$(this).click(function(){
			if(n==0){
				$(".showpro_n_tab ul > li:eq(0) img").attr("src","images/b02.jpg"); 
				$(".showpro_n_tab ul > li:eq(1) img").attr("src","images/g01.jpg"); 
				$(".showpro_n_tab ul > li:eq(2) img").attr("src","images/y01.jpg"); 
				
				$(".showpro_n_tab ul > li.cur1").removeClass("cur1");
				$(".showpro_n_tab ul > li.cur2").removeClass("cur2");
				$(".showpro_n_tab ul > li.cur3").removeClass("cur3");
				$(".showpro_n_tab ul li:eq(1)").addClass("lbg2")
				$(".showpro_n_tab ul li:eq(2)").addClass("lbg3")
				$(this).addClass("cur1");
				$(".showpro_n_nr").hide();
				$(".showpro_n_nr:eq(0)").show();
				}
			if(n==1){
				$(".showpro_n_tab ul > li:eq(0) img").attr("src","images/b01.jpg"); 
				$(".showpro_n_tab ul > li:eq(1) img").attr("src","images/g02.jpg"); 
				$(".showpro_n_tab ul > li:eq(2) img").attr("src","images/y01.jpg"); 
				
				$(".showpro_n_tab ul > li.cur1").removeClass("cur1");
				$(".showpro_n_tab ul > li.cur2").removeClass("cur2");
				$(".showpro_n_tab ul > li.cur3").removeClass("cur3");
				$(".showpro_n_tab ul li:eq(0)").addClass("lbg1")
				$(".showpro_n_tab ul li:eq(2)").addClass("lbg3")
				$(this).addClass("cur2");
				$(".showpro_n_nr").hide();
				$(".showpro_n_nr:eq(1)").show();
				}
			if(n==2){
				$(".showpro_n_tab ul > li:eq(0) img").attr("src","images/b01.jpg"); 
				$(".showpro_n_tab ul > li:eq(1) img").attr("src","images/g01.jpg"); 
				$(".showpro_n_tab ul > li:eq(2) img").attr("src","images/y02.jpg"); 
				
				$(".showpro_n_tab ul > li.cur1").removeClass("cur1");
				$(".showpro_n_tab ul > li.cur2").removeClass("cur2");
				$(".showpro_n_tab ul > li.cur3").removeClass("cur3");
				$(".showpro_n_tab ul li:eq(0)").addClass("lbg1")
				$(".showpro_n_tab ul li:eq(1)").addClass("lbg2")
				$(this).addClass("cur3");
				$(".showpro_n_nr").hide();
				$(".showpro_n_nr:eq(2)").show();
				}
			
		});
	});
	
	
	$(".cj_n_nr").hide();
	$(".cj_n_nr:eq(0)").show();
	$(".cj_data ul > li").each(function(n){
		$(this).click(function(){
			if(n==0){
				$(".cj_data ul > li.cur1").removeClass("cur1");
				$(".cj_data ul > li.lbg1").removeClass("lbg1");
				$(".cj_data ul > li.cur2").removeClass("cur2");
				$(".cj_data ul li:eq(1)").addClass("lbg2")
				$(this).addClass("cur1");
				$(".cj_n_nr").hide();
				$(".cj_n_nr:eq(0)").show();
				}
			if(n==1){
				$(".cj_data ul > li.cur1").removeClass("cur1");
				$(".cj_data ul > li.cur2").removeClass("cur2");
				$(".cj_data ul > li.lbg2").removeClass("lbg2");
				$(".cj_data ul li:eq(0)").addClass("lbg1")
				$(this).addClass("cur2");
				$(".cj_n_nr").hide();
				$(".cj_n_nr:eq(1)").show();
				}
			
		});
	});
$(".modal .modal-dialog .czje ul li.chek").removeClass("chek");
$(".modal .modal-dialog .czje ul li").click(function(){
	$(".modal .modal-dialog .czje ul li.chek").removeClass("chek");
	$(this).addClass("chek");
	});

});
</SCRIPT>
</head>
<body>
<div class="bodybox">
<div class="indextop">
  <div class="userpic"><img src="images/userpic.jpg" class="img-responsive" ></div>
  <div class="userinfo">咸菜,余额￥10元</div>
  <div class="topright"> <a href=""><img src="images/cz.jpg" class="img-responsive" ></a><a href=""><img src="images/tx.jpg" class="img-responsive" ></a> </div>
</div>

<div class="row banner"><img src="images/banner.jpg" class="img-responsive" ></div>
<!-- head 结束-->

<div class="showpro_n_tab">
  <ul>
    <li class="lbg1"><img src="images/b01.jpg" class="img-responsive" /></li>
    <li class="cur2"><img src="images/g02.jpg" class="img-responsive" /></li>
    <li class="lbg3"><img src="images/y01.jpg" class="img-responsive" /></li>
  </ul>
</div>
<div class="showpro_n_nr">
              <div class="goldbox">
                <div class="goldnotice">白银只需2.40元/手保证金</div>
                <div class="goldshow">
                  <div class="goldleft">
                    <div class="mairujia"> <span>8888.76</span><br>
                      白银买入价(元/克) </div>
                    <p><a href=""><img src="images/jiancang.jpg" class="img-responsive" /></a></p>
                  </div>
                  <div class="goldright">
                    <div class="mairujia"> <span>298.76</span><br>
                      白银买入价(元/克) </div>
                    <p><a href=""><img src="images/jiancang2.jpg" class="img-responsive" /></a></p>
                  </div>
                </div>
              </div>
</div>
<div class="showpro_n_nr">
              <div class="goldbox">
                <div class="goldnotice">黄金只需2.40元/手保证金</div>
                <div class="goldshow">
                  <div class="goldleft">
                    <div class="mairujia"> <span>298.76</span><br>
                      黄金买入价(元/克) </div>
                  </div>
                  <div class="goldright">
                    <div class="mairujia"> <span>298.76</span><br>
                      黄金买入价(元/克) </div>
                  </div>
                </div>
              </div>
</div>
<div class="showpro_n_nr">
              <div class="goldbox">
                <div class="goldnotice">原油只需2.40元/手保证金</div>
                <div class="goldshow">
                  <div class="goldleft">
                    <div class="mairujia"> <span>1111.76</span><br>
                      原油买入价(元/克) </div>
                    <p><a href=""><img src="images/jiancang.jpg" class="img-responsive" /></a></p>
                  </div>
                  <div class="goldright">
                    <div class="mairujia"> <span>298.76</span><br>
                      原油买入价(元/克) </div>
                    <p><a href=""><img src="images/jiancang2.jpg" class="img-responsive" /></a></p>
                  </div>
                </div>
              </div>
</div>
<div class="pingcang">
<ul>
<li><span>建仓价</span><span>方向</span><span>当前盈亏</span> </li>
<li><span><font>366.6</font></span><span>多</span><span><font>1.6</font></span>  </li>
</ul>
<div class="pc"><a href="#" data-toggle="modal" data-target="#myModal_pingcang"><img src="images/pingcang.jpg" height="62" /></a></div>
</div>

<div class="pcshow">
<div class="modal fade" id="myModal_pingcang" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header yellow_bg">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">
              +平仓
            </h4>
         </div>
         <div class="modal-body">
        
         
<div class="czje">

            <ul>
            <li><span>黄金</span>品种</li>
            <li class="chek"><span>多</span>方向</li>
            <li><span>1手</span>手数</li>
            </ul>
            <ul>
            <li><span>362.68</span>建仓价(元/克)</li>
            <li><span>2.40</span>保证金(元)</li>
             <li><span class="red">362.68</span>平仓价(元/克)</li>
            </ul>
             <ul>
            <li><span>1.3</span>盈亏(元)</li>
            <li><span>41.3%</span>盈利率</li>
             <li class="pcbtn"><input type="image" name="button" class="czbtn" id="button" value=" " src="images/pcbtn.jpg"></li>
            </ul>
    
    
    
     
            </div>
           
        </div>
         
      </div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</div>

<div class="bline"></div>

<div class="cj_data">
  <ul>
    <li class="cur1">用户成交数据</li>
    <li class="lbg2">行情走势图</li>
  </ul>
</div>
<div class="cj_n_nr">
<ul>
<li><span>用户</span><span>品种</span><span>方向</span><span>盈亏</span></li>
</ul>
<ul class="yhlist">
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>小明*</span><span>黄金</span><span>多</span><span>+￥3.30</span></li>
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>黄金</span><span>多</span><span>+￥4.30</span></li>
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>小明*</span><span>黄金</span><span>多</span><span>+￥3.30</span></li>
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>黄金</span><span>多</span><span>+￥4.30</span></li>
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
<li><span>飞天*</span><span>黄金</span><span>多</span><span>+￥2.30</span></li>
</ul>
</div>
<div class="cj_n_nr">
<ul>
<li><span>用户</span><span>品种</span><span>方向</span><span>盈亏</span></li>
</ul>
<ul class="yhlist">
<li><span>2222*</span><span>白银</span><span>多</span><span>+￥1.30</span></li>
<li class="bg"><span>小明*</span><span>白银</span><span>多</span><span>+￥3.30</span></li>
<li><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>白银</span><span>多</span><span>+￥4.30</span></li>
<li><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
<li><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
<li><span>2222*</span><span>白银</span><span>多</span><span>+￥1.30</span></li>
<li class="bg"><span>小明*</span><span>白银</span><span>多</span><span>+￥3.30</span></li>
<li><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>白银</span><span>多</span><span>+￥4.30</span></li>
<li><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
<li class="bg"><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
<li><span>飞天*</span><span>白银</span><span>多</span><span>+￥2.30</span></li>
</ul>
</div>
<script type="text/javascript">
		jQuery(".cj_n_nr").slide({mainCell:".yhlist",autoPage:true,effect:"top",autoPlay:true,vis:6,delayTime:1000});
		</script>
<div class="weijiaoyi"><a href="weijiaoyi.html">什么是微交易？</a></div>
<div class="tiyanbox">

<div class="nums_b">
<span>累计体验</span>
<div class="nums">25856<font>次</font></div>
</div>



<div class="nums_b">
<span>周累计盈利</span>
<div class="nums">250.5<font>元</font></div>
</div>



<div class="nums_b">
<span>周盈利比</span>
<div class="nums">58.3<font>%</font></div>
</div>

</div>

<div class="footbtn">
<a href=""><img src="images/ft_btn1.jpg" class="img-responsive" /></a><a href=""><img src="images/ft_btn2.jpg" class="img-responsive" /></a>
</div>


<div class="footbg"></div>

</div>
</body>
</html>
